import React, { Component } from 'react';
import { Button} from 'antd';

export default class ButtonSample extends Component {
  render() {
    return (
      <div>
        <div className="box">
          <Button>Default</Button>
        </div>
        <div className="box">
          <Button type="primary">Primary</Button>
        </div>
        <div className="box">
          <Button type="dashed">Dashed</Button>
        </div>
        <div className="box">
          <Button type="danger">Danger</Button>
        </div>
        <div className="box">
          <Button type="link">Link</Button>
        </div>
        <div className="box">
          <Button type="primary" shape="circle" icon="search" />
        </div>
        <div className="box">
          <Button type="primary" shape="circle">
            A
          </Button>
        </div>
        <div className="box">
          <Button type="primary" icon="search">
            Search
          </Button>
        </div>
        <div className="box">
          <Button shape="circle" icon="search" />
        </div>
        <div className="box">
          <Button icon="search">Search</Button>
        </div>
        <div className="box">
          <Button type="dashed" shape="circle" icon="search" />
        </div>
        <div className="box">
          <Button type="dashed" icon="search">
            Search
          </Button>
        </div>
        
      </div>
    );
  }
}
